<!--最新章节-->
<template>
    <div class="newCatelog">
      <a href="">
        <span>最新</span>
        第两千章 出口在下面? 第两千章 出口在下面? 第两千章 出口在下面?
      </a>
      <slot name="newCatelog"></slot>
    </div>
</template>

<script>
  export default {
    name: 'home',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>


<style scoped>
  .newCatelog a{
    padding-right: 12px;
    float: right;
    max-width: 230px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    font-size: 12px;
  }
.newCatelog span{
  display: inline-block;
  font-size: 12px;
  color: #ff8624;
  border: 1px solid #ff8624;
  border-radius: 2.4px;
  padding: 0 .2em;
  margin-right: 4.8px;
}
</style>
